@keyframes bounce {
    60%,80%,
    to {
        transform: translateY(300px);
        animation-timing-function: ease-out;
    }
    70% {
        transform: translateY(200px);
    }
    90% {
        transform: translateY(250px);
    }
}

.readingNotes-cssSecret-04{
    .exp {
        margin: 25px 0;
        padding: 25px 0;
        background: #eee;
        border-radius: 4px;
        >div {
            width: 310px;
            margin: 0 auto;
            background: #fff;
            text-align: center;
            line-height: 80px;
        }
    }

    div.auto-width {
        >figure {
            display: block;
            border: 1px dashed #ccc;
            max-width: 300px;
            max-width: min-content;
            padding: 8px;
            text-align: center;
            margin: 0 auto;
            border-radius: 4px;
            >figcaption {
                font-size: 12px;
            }
        }
    }

    div.bounce {
        height: 380px;
        >div.ball {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #58a;
            animation: bounce 3s ease-in infinite;
        }
    }
}